<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>优选页面</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/3-optimization.css">

	</head>
	<body>
		<div class="optimization_tage">
			<div class="title">
				<p>优选</p>
			</div>

			<!-- 商品展示 -->
			<div class="shop_show">
				<div class="show_img">
					<div class="item">
						<img src="./img/3-optimization/f1.jpg" alt="">
					</div>
					<div class="item">
						<img src="./img/3-optimization/f1.jpg" alt="">
					</div>
					<div class="item">
						<img src="./img/3-optimization/f1.jpg" alt="">
					</div>
				</div>
				<div class="show_recommend">
					<div class="item">
						<div class="img">
							<img src="./img/3-optimization/f2.jpg" alt="">
						</div>
						<div class="text_cn">
							<span>本家推荐</span>
						</div>
					</div>
					<div class="item">
						<div class="img">
							<img src="./img/3-optimization/f3.jpg" alt="">
						</div>
						<div class="text_cn">
							<span>挑选师推荐</span>
						</div>
					</div>
					<div class="item">
						<div class="img">
							<img src="./img/3-optimization/f4.jpg" alt="">
						</div>
						<div class="text_cn">
							<span>私物推荐</span>
						</div>
					</div>
					<div class="item">
						<div class="img">
							<img src="./img/3-optimization/f5.jpg" alt="">
						</div>
						<div class="text_cn">
							<span>本家LOOK</span>
						</div>
					</div>
				</div>
			</div>
			<!-- 分割线 -->
			<div class="line">

			</div>
			<!-- 本家甄选 -->
			<div class="selection">
				<div class="selection_title">
					<p>本家甄选</p>
				</div>
				<div class="wrapper">
					<div class="selection_img">
						<img src="./img/3-optimization/f6.jpg" alt="">
					</div>
					<div class="text_cn">
						<p>叠韵滤光器，氛围造型大师</p>
						<p>光笼，来自斯德哥尔摩的光晕礼赞</p>
					</div>
				</div>
				<div class="list">
					<div class="wrapper_item">
						<div class="text_cn">
							<p>编织底双色鞋子 多色可选</p>
							<p>透气性好，时尚感强</p>
						</div>
						<div class="shop_img">
							<img src="./img/3-optimization/f7.jpg" alt="">
						</div>
					</div>
					<div class="wrapper_item">
						<div class="text_cn">
							<p>炻瓷储物罐系列</p>
							<p>避光密封 坚韧耐摔 多道工序 匠心制作 拥有更久的赏味期限</p>
						</div>
						<div class="shop_img">
							<img src="./img/3-optimization/f8.jpg" alt="">
						</div>
					</div>
				</div>
			</div>
			<div class="line"></div>

			<!-- 十点一刻 -->
			<div class="topic">
				<div class="topic_list">
					<div class="item">
						<div class="selection_title">
							<p>十点一刻</p>
						</div>
						<div class="bg">
							<!-- 今日话题 -->
							<div class="today_topic">
								<span>一 今日话题 一</span>
							</div>
							<div class="topic_title">
								<span>一念之间的重要性</span>
							</div>
							<div class="topic_cn">
								<span>有没有哪个瞬间的念头，改变你一段时间的生活轨迹？</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="selection_title">
							<p>十点一刻</p>
						</div>
						<div class="bg">
							<!-- 今日话题 -->
							<div class="today_topic">
								<span>一 今日话题 一</span>
							</div>
							<div class="topic_title">
								<span>一念之间的重要性</span>
							</div>
							<div class="topic_cn">
								<span>有没有哪个瞬间的念头，改变你一段时间的生活轨迹？</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="selection_title">
							<p>十点一刻</p>
						</div>
						<div class="bg">
							<!-- 今日话题 -->
							<div class="today_topic">
								<span>一 今日话题 一</span>
							</div>
							<div class="topic_title">
								<span>一念之间的重要性</span>
							</div>
							<div class="topic_cn">
								<span>有没有哪个瞬间的念头，改变你一段时间的生活轨迹？</span>
							</div>
						</div>
					</div>


				</div>
			</div>

			<div class="line"></div>

			<!-- 本家推荐 -->
			<div class="home_recommends">
				<div class="selection_title">
					<p>本家推荐</p>
				</div>
				<div class="wrapper">
					<div class="selection_img">
						<img src="./img/3-optimization/f9.jpg" alt="">
					</div>
					<div class="text_cn">
						<p>夏季出游必备</p>
						<p>舒心出行，本家为你推荐的5个tips不能忘</p>
					</div>
				</div>
			</div>
			<div class="line"></div>

			<div class="look">
				<p>本家LOOK</p>
			</div>
			<div class="line"></div>

			<!-- 商品展示 -->
			<div class="img_list">
				<div class="item">
					<div class="left_img">
						<div class="img">
							<img src="./img/3-optimization/f10.jpg" alt="">
						</div>
						<div class="img_title">
							<span>给牛仔加点火山岩</span>
						</div>
					</div>
					<div class="right_img">
						<div class="img_top">
							<img src="./img/3-optimization/f11.jpg" alt="">
						</div>
						<div class="img_bottom">
							<img src="./img/3-optimization/f12.jpg" alt="">
						</div>
					</div>
				</div>

				<div class="item">
					<div class="left_img">
						<div class="img">
							<img src="./img/3-optimization/f13.jpg" alt="">
						</div>
						<div class="img_title">
							<span>婚纱拍照必看功课</span>
						</div>
					</div>
					<div class="right_img">
						<div class="img_top">
							<img src="./img/3-optimization/f14.jpg" alt="">
						</div>
						<div class="img_bottom">
							<img src="./img/3-optimization/f15.jpg" alt="">
						</div>
					</div>
				</div>
				
				<div class="item">
					<div class="center_img">
						<div class="img">
							<img src="./img/3-optimization/f16.jpg" alt="">
						</div>
						<div class="img_title">
							<span>夏天的清凉，多亏了这抹茶绿</span>
						</div>
					</div>
				</div>
				
				<div class="item">
					<div class="left_img">
						<div class="img">
							<img src="./img/3-optimization/f17.jpg" alt="">
						</div>
						<div class="img_title">
							<span>你的厨房只是少了它</span>
						</div>
					</div>
					<div class="right_img">
						<div class="img_top">
							<img src="./img/3-optimization/f19.jpg" alt="">
						</div>
						<div class="img_bottom">
							<img src="./img/3-optimization/f20.jpg" alt="">
						</div>
					</div>
				</div>
				
				<div class="item">
					<div class="center_img">
						<div class="img">
							<img src="./img/3-optimization/f21.jpg" alt="">
						</div>
						<div class="img_title">
							<span>家的精致主义</span>
						</div>
					</div>
				</div>
				
				<div class="item">
					<div class="center_img">
						<div class="img">
							<img src="./img/3-optimization/f22.jpg" alt="">
						</div>
						<div class="img_title">
							<span>收纳，让小家越住越大</span>
						</div>
					</div>
					
				</div>
			</div>
			
			<!-- 首页固定窗口 -->
			<div class="icon_button">
				<div class="icon_item">
					<img src="./img/4/logo1.png">
					<p><a href="">首页</a></p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo2.png">
					<p><a href="">优选</a></p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo3.png">
					<p><a href="">分类</a></p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo4.png">
					<p><a href="">购物车</a></p>
					<p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo6.png">
					<p><a href="">我的</a></p>
				</div>
			</div>

		</div>



	</body>
</html>
